@import '~antd/lib/style/themes/default.less';

.container {
  display: inline-block;
  width: 30px;
  height: 30px;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  cursor: pointer;

  .button {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    transition: color 200ms, background-color 200ms;
    &:hover {
      color: #3d96ff;
    }

    &:active {
      background-color: #e6f7ff;
    }

    &.disabled {
      background: rgba(248, 248, 248, 1);
      color: rgba(74, 74, 74, 1);
      cursor: not-allowed;
    }
  }
}
